(function(){
    //切换注册
    $('.login-area a').click(function(){
        $('.login-area').hide().siblings('.regiser-area').show()
    })
    //切换登录
    $('.regiser-area a').click(function(){
        $('.regiser-area').hide().siblings('.login-area').show()
    })


        //测试,防止登录跳转
        
    //   $('.layui-form-item button').on('click',function(e){
    //     e.preventDefault()
       
            
    //   })
  


    //自定义校验规则

    //layui layui.all.js 对象
    // console.log(layui);
    // 属性是规则名字,值是规则
    let form = layui.form
    // console.log (form);
    let layer = layui.layer
 
    //校验方式一

    // form.verify({
    //     username: function(value, item){ //value：表单的值、item：表单的DOM对象
    //       if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
    //         return '用户名不能有特殊字符';
    //       }
    //       if(/(^\_)|(\__)|(\_+$)/.test(value)){
    //         return '用户名首尾不能出现下划线\'_\'';
    //       }
    //       if(/^\d+\d+\d$/.test(value)){
    //         return '用户名不能全为数字';
    //       }
          
    //       //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
    //       if(value === 'xxx'){
    //         alert('用户名不能为敏感词');
    //         return true;
    //       }
    //     }
        
    //     //我们既支持上述函数式的方式，也支持下述数组的形式
    //     //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    //     ,pass: [
    //       /^[\S]{6,12}$/
    //       ,'密码必须6到12位，且不能出现空格'
    //     ] 
    //   }); 

      //自定义正则 校验方式二
     form.verify({
          username: [
              /^[\S]{1,10}$/,
              '用户名必须是1到10位且不能出现空格'
          ],
          pass:[
            /^[\S]{6,12}$/
            ,'密码必须6到12位，且不能出现空格'
          ],
          samepass: function(item){
                // item为输入框值
                let v=$('.regiser-area input[name=password]').val()
                // console.log(v);
                // console.log(item);
                if(item!==v){
                    return '密码不一致'
                }
          }
          
        });

        // 提交注册信息
        $('#formReg').on('submit',function(e){
            e.preventDefault()
            axios({
                method:'POST',
                // url:'http://api-breakingnews-web.itheima.net/api/reguser',
                url:'/api/reguser',
                data: $(this).serialize()

            }).then(res=>{
                console.log(res.data);
                // 注册成功
                if(res.data.status==0){
                    layer.msg('注册成功',{icon:1})
                    $('#formReg a').click()
                    $('#formReg')[0].reset()
                }else{
                    return layer.msg(`注册失败,${res.data.message}`)
                    
                }
            })
        })

        // 登录
        $('#formLogin').on('submit',function(e){
            e.preventDefault()
            axios({
                method:'POST',
                url:'/api/login',
                data: $(this).serialize()
            }).then(res=>{
                // 成功
                if(res.data.status==0){
                    console.log(res.data);
                    // 存储token
                    localStorage.setItem('token',res.data.token)
                    location.href='../code/index.html'
                    
                    //code\assets\js\login.js
                    
                }else{
                    // console.log(res);
                   return  layer.msg(res.data.message)
                }
            })
        })


 





})(); 